﻿@section style {
    <style>
        html, body { height:100%; }
        .table > tbody > tr > td { vertical-align:top }
        #guestbook, .datagrid { height: 100%; }
    </style>
}
<div id="guestbook" class="page" v-cloak>
    <datagrid ref="grid" :columns="gridColumns" :edit="editSetting" url="@ViewData["DataUrl"]" :params.once="{menuId:@ViewData["MenuId"]}">
    </datagrid>
</div>
@section script{
    <script>
        var _vm = new Vue({
            el: '#guestbook',
            data: {
                editSetting: { delUrl: '@ViewData["DelUrl"]' },
                gridColumns: [
                    { bind: 'AddDate', title: '留言时间', width:'170px' },
                    { bind: 'Name', title: '姓名', width:'100px' },
                    { bind: 'Phone', title: '联系电话', width:'130px' },
                    { bind: 'Email', title: '邮箱', width:'200px' },
                    { bind: 'Message', title: '留言内容' },
                ]
            },
            methods: {
            },
            mounted: function () {
            }
        });
    </script>
}